window.onload = function(){   
 var list = document.getElementById('list');   
 var ah2 = list.getElementsByTagName('h2');   
 var ul2 = list.getElementsByClassName("lis_ul");
 var im=list.getElementsByTagName('img');
 var ul3 = list.getElementsByClassName('list_ul')
 var ah3 = list.getElementsByTagName('h3');   
 // h2要和下面的ul进行匹配，所以我们要用索引值，给h2身上添加索引值
 for(var i=0;i<ah2.length;i++){    
  ah2[i].index = i;//给h2添加索引值，点击谁就给谁添加索引值
  ah2[i].onclick = function(){
   if(this.className == ''){//判断所点击的h2标签是否有类，
    //this.index指h2身上的索引数，this指h2，h2的索引值为this.index
    
    ul2[this.index].style.display = 'block'; 
    this.className = 'active';//给当前点击的h2添加类，更改箭头方向
   }else{
    ul2[this.index].style.display = 'none';
    this.className = '';
   }
  }
 }
 for(var i=0;i<ah3.length;i++){    
  ah3[i].index = i;//给h2添加索引值，点击谁就给谁添加索引值
  ah3[i].onclick = function(){
   if(this.className == ''){//判断所点击的h2标签是否有类，
    //this.index指h2身上的索引数，this指h2，h2的索引值为this.index
    ul3[this.index].style.display = 'block'; 
    var sum= ul3[this.index].children;

    this.style.height=80*sum+'px';
//  console.log(this.style.height)
    this.className = 'on';//给当前点击的h2添加类，更改箭头方向
   }else{
    ul3[this.index].style.display = 'none';
    this.className = '';
   }
  }
 }
 
// for(var i=0;i<im.length;i++){
// 	
// }
	$("#list").find('img').click(function(e){                  //点击图片
		$flag=$(this).attr("src");
		
		console.log($(this))
		if($flag=="img/news_public/choose.png"){                        //图片换色
			$(this).attr({"src":"img/news_public/choose_on.png"});
		}else{
			$(this).attr({"src":"img/news_public/choose.png"})
		}

		if($(this).context.parentElement.nodeName=="H2"||$(this).context.parentElement.nodeName=="H3"){ //点击群组
//			console.log(this.parentElement.nextElementSibling)
			$(this).context.parentElement.nextElementSibling.style.display = 'block';			//点击群组时显示子项
//			console.log(this.parentElement.nextElementSibling)
			var ul=this.parentElement.nextElementSibling;
			var pic=ul.getElementsByTagName('img');
//			console.log(pic.length)
			
			if($flag=="img/news_public/choose.png"){				//点击群组时其所有子项都同步
//				$(this).context.parentElement.nextElementSibling.children().find('img').attr({"src":"img/news_public/choose_on.png"});
				for(var r=0;r<pic.length;r++){
					pic[r].src='img/news_public/choose_on.png';
				}
			}else{
//				$(this).context.parentElement.nextElementSibling.children().find('img').attr({"src":"img/news_public/choose.png"})
				for(var r=0;r<pic.length;r++){
					pic[r].src='img/news_public/choose.png';
				}
			}
		};

		e.stopPropagation();				//去掉父元素的点击事件触发
	})
}